<!--公共头部-->
{template 'aitimt/common/header'}
<style>
	.mui-table-view .mui-media, .mui-table-view .mui-media-body{line-height: 2rem;}
	.mui-slider-indicator.mui-segmented-control .mui-control-item {border-left:1px solid #c1c1c1 ;border-bottom:1px solid #c1c1c1 ;padding: 1px;color: #585858;}
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom:3px solid #e94709 ;color: #585858;}
	.mui-h4, h4{font-size: 15px;margin: 5px 0;color: #000000;}
	.mui-slider .mui-slider-group .mui-slider-item img{width: 40%;height: 5rem;margin-top:10px;margin-left: 10px;}
	.field {background-color: #FFFFFF;display: inline-block;border-bottom: #EEEEEE 1px solid;}
	.field .event-content {float: right;width: 50%;padding-top: 10px;margin-right: 10px;}
	.field .event-content .event-no{font-size: 10px;margin: 0;padding: 0;}
	.field .event-content .event-pro{font-size: 14px;}
	.field .event-content .event-price{font-size: 10px;}
	.field .event-content  .event-state-red{color: #e94709;}
	.field .event-content .event-state-green{color: #33c126;}
	.top-content{position: absolute;width: 100%;font-size:0.625rem;}
	.top-content img{width: 100%;}
	.mui-bar-tab .mui-tab-item.mui-active{color: #ea4609;}
	.mui-input-row{overflow: unset;left: 10%;}
	.mui-search input[type=search] {background-color: #f0774a;width: 70%;border-radius: 3.125rem;height: 2.5625rem;color: #ffffff;}
	.mui-active::before{color: #FFFFFF;}
	.mui-slider .mui-slider-group .mui-slider-item{font-size: 12px;}
	.mui-search .mui-placeholder{line-height: 60px;font-size: 11px;width: 45%;color: #FFFFFF;}
	.mui-search .mui-placeholder .mui-icon{font-size: 17px;color: #fff;}
	.bottom-remind {width: 100%;text-align: center;padding-top: 30%;font-size: 25px;color: #969696;}
	.search-icon{background-color: #fad6c8;position: absolute;top: 0.375rem;right: 30%;width: 15%;text-align: center;border: 0;height: 2.5625rem;color: #e94709;border-radius: 1.25rem;overflow: hidden;}
</style>
<!-- 公共头部start -->
<header class="mui-bar mui-bar-nav">
	<a class="top-return mui-action-back"><img src="{$aideUrl}app/resource/aitimt/images/return.png" ></a>
	<a class="top-logo"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>
	<!--公共菜单start -->
	{template 'aitimt/common/menu'}
	<!-- 公共菜单end-->
</header>
<div class="mui-content">
	<div id="slider" class="mui-slider">
		<div class="mui-slider-group" >
			<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
				<div class="mui-scroll-wrapper-ext">
					<div class="mui-scroll-ext">
						<div class="list-content" id="list-content" style="margin-bottom: 20%">
							{if empty($activityList[0])}
							<div class="bottom-remind">暂无关注</div>
							{/if}
							{loop $activityList $activity}
							<div class="field">
								<a href="{php echo app_url('home/index/detail').'&activityid='.$activity['id']}">
									<img src="{php echo tomedia($activity['thumb'])}">
								<div class="event-content">
									{php $time=date("Y-m-d H:i:s",time());}
									{if ($activity['is_show']==0)}
									<span class="event-state-red">活动已结束</span>
									{elseif ($time<$activity['joinetime']&&$time>$activity['joinstime'])}
									<span class="event-state-green">活动报名中</span>
									{elseif ($activity['endtime']>$time&&$activity['starttime']<$time)}
									<span class="event-state-green">活动进行中</span>
									{elseif ($activity['endtime']<=$time)}
									<span class="event-state-red">活动已结束</span>
									{/if}
									<h4 class="event-title">{$activity['title']}</h4>
									<p class="event-pro">报名费用:{if $activity['aprice']!=0}{$activity['aprice']}起{else}免费{/if}</p>
								</div>
								<p class=' mui-icon iconfont icon-didian' style="font-size: 10px;margin-left: 10px">{$activity['address']}</p>
								<p class=' mui-icon iconfont icon-riqi' style="font-size: 10px;margin-left: 10px">{$activity['starttime']}</p>
								</a>

							</div>
							{/loop}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 公共底部start -->
{template 'aitimt/common/nav'}
<!-- 公共底部end -->
<script type="text/javascript">
    mui.init({
        swipeBack: false
    });
    mui('.mui-slider').slider().stopped = true;
</script>

</body>
</html>
